<template>
    <div class="function">
        
        <slot></slot>
    </div>
</template>

<style lang="less" scoped>
    @import "~core/basic.less";

    .function {
        padding: @gird 2*@gird;
        border: 1px solid @gray-light;
        margin-bottom: 2*@gird;
    }

    h1,h2,h3,h4,h5,h6{
        font-weight: normal;
    }

    h1 {
        color: @color;
        margin: 0px;
        padding: 2*@gird 0px;
        border-bottom: 1px solid @gray-light;
    }

    table {
        width: 100%;

        td {
            text-align: center;
            padding:@gird 2*@gird;
            background: @gray-light;
        }
    }
</style>